<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>发表评价</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../../css/common.css" stylesheet" />
		<link rel="stylesheet" href="../../../../css/style.css" stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/uploadImg.css" />
		<link rel="stylesheet" href="./css/index.css" />
	</head>
	<body>
		<div class="mui-content">
			<div class="main">
				<ul>
					<li>
						<div class="top flex">
							<img src="../../../../images/headlines/face.jpg">
							<p class="txt-cut-two">欧莱雅黑精华抗衰老紧致补水保湿精华液官
								方正品50mL 今日下单即赠新品试用小样</p>
						</div>
						<div class="star_box flex flexcenter">
							<p>宝贝评分</p>
							<div class="appr_start">
								<span></span>
								<span></span>
								<span></span>
								<span></span>
								<span></span>
								<em></em>
							</div>
						</div>
						<div class="input">
							<textarea id="textarea" rows="5" placeholder="我来说两句"></textarea>
						</div>
						<div class="upload">
							<div class="content-img">
								<ul class="content-img-list"></ul>
								<div class="file">
									<i class="gcl gcladd"></i>
									<input type="file" name="file" accept="image/*" id="upload" multiple>
								</div>
							</div>
							<!-- 	<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
								aria-labelledby="myLargeModalLabel">
								<div class="modal-dialog modal-lg" role="document">
									<div class="modal-content">

									</div>
								</div>
							</div> -->
						</div>
						<div class="btn">
							<span>发表评价</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="../../../../js/mui.min.js"></script>
	<script src="../../../../js/jquery-3.4.1.min.js"></script>
	<script src="../../../../js/resize.js" type="text/javascript"></script>
	<script src="../../../../js/util.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../../js/uploadImg.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function($) {
			// tap事件
			$.tapHandle()
			// 文档一加载就执行
			obj.setRem()
			// 窗口调节
			$(window).resize(function() {
				obj.setRem()
			});
			// 星星
			$(".appr_start span").click(function() {
				$(this).addClass("on");
				$(this).prevAll().addClass("on");
				$(this).nextAll().removeClass("on");
				var sta_index = $(this).index();
				if (sta_index == 0) {
					$(this).siblings("em").html('非常差');
				} else if (sta_index == 1) {
					$(this).siblings("em").html('较差');
				} else if (sta_index == 2) {
					$(this).siblings("em").html('一般');
				} else if (sta_index == 3) {
					$(this).siblings("em").html('良好');
				} else if (sta_index == 4) {
					$(this).siblings("em").html('非常好');
				}
			})

		})
	</script>
</html>
